<%@ page language="java" contentType="text/html; charset=UTF-8"
 pageEncoding="UTF-8"%>
</head>
<body class="no-skin">
 <div id="navbar" class="navbar navbar-default ace-save-state">
  <!-- 头部  栏 bar -->
  <div class="navbar-container ace-save-state" id="navbar-container">
   <button type="button" class="navbar-toggle menu-toggler pull-left"
    id="menu-toggler" data-target="#sidebar">
    <span class="sr-only">Toggle sidebar</span> <span class="icon-bar"></span>
    <span class="icon-bar"></span> <span class="icon-bar"></span>
   </button>
   <div class="navbar-header pull-left">
    <a href="index.html" class="navbar-brand"> <small> <i
      class="fa fa-leaf"></i> Ta sk
    </small>
    </a>
   </div>
   <div class="navbar-buttons navbar-header pull-right"
    role="navigation">
    <ul class="nav ace-nav">
     <li class="purple dropdown-modal"><a data-toggle="dropdown"
      class="dropdown-toggle" href="#"> <i
       class="ace-icon fa fa-bell icon-animated-bell"></i> <span
       class="badge badge-important">8</span>
     </a>
      <ul
       class="dropdown-menu-right dropdown-navbar navbar-pink dropdown-menu dropdown-caret dropdown-close">
       <li class="dropdown-header"><i
        class="ace-icon fa fa-exclamation-triangle"></i> 8 条未读</li>
       <li class="dropdown-content">
        <ul class="dropdown-menu dropdown-navbar navbar-pink">
         <li><a href="#">
           <div class="clearfix">
            <span class="pull-left"> <i
             class="btn btn-xs no-hover btn-pink fa fa-comment"></i>
             新的消息
            </span> <span class="pull-right badge badge-info">+12</span>
           </div>
         </a></li>
         <li><a href="#">
           <div class="clearfix">
            <span class="pull-left"> <i
             class="btn btn-xs no-hover btn-success fa fa-shopping-cart"></i>
             新的订单
            </span> <span class="pull-right badge badge-success">+8</span>
           </div>
         </a></li>
        </ul>
       </li>
       <li class="dropdown-footer"><a href="#"> 显示所有 <i
         class="ace-icon fa fa-arrow-right"></i>
       </a></li>
      </ul></li>
     <li class="light-blue dropdown-modal"><a
      data-toggle="dropdown" href="#" class="dropdown-toggle"> <img
       class="nav-user-photo"
       src="<%=basePath%>assets/images/avatars/user.jpg"
       alt="Jason's Photo" /> <span class="user-info"> <small>欢迎回来,</small>
        管理员姓名
      </span> <i class="ace-icon fa fa-caret-down"></i>
     </a>
      <ul
       class="user-menu dropdown-menu-right dropdown-menu dropdown-yellow dropdown-caret dropdown-close">

       <li><a href="info.jsp"> <i class="ace-icon fa fa-user"></i>
         个人信息
       </a></li>
       <li class="divider"></li>
       <li><a href="login.jsp"> <i
         class="ace-icon fa fa-power-off"></i> 注销
       </a></li>
      </ul></li>
    </ul>
   </div>
  </div>
 </div>
 <!-- 左侧  菜单 -->
 <div class="main-container ace-save-state" id="main-container">
  <div id="sidebar" class="sidebar responsive ace-save-state">
   <!-- 左侧  菜单 顶部4个小按钮-->
   <div class="sidebar-shortcuts" id="sidebar-shortcuts">
    <div class="sidebar-shortcuts-large" id="sidebar-shortcuts-large">
     <button class="btn btn-success">
      <i class="ace-icon fa fa-signal"></i>
     </button>
     <button class="btn btn-info">
      <i class="ace-icon fa fa-pencil"></i>
     </button>
     <button class="btn btn-warning">
      <i class="ace-icon fa fa-users"></i>
     </button>
     <button class="btn btn-danger">
      <i class="ace-icon fa fa-cogs"></i>
     </button>
    </div>
    <div class="sidebar-shortcuts-mini" id="sidebar-shortcuts-mini">
     <span class="btn btn-success"></span> <span class="btn btn-info"></span>
     <span class="btn btn-warning"></span> <span class="btn btn-danger"></span>
    </div>
   </div>
   <!-- 左侧 展开  菜单 -->
   <ul class="nav nav-list">
    <li class=""><a href="index.html"> <i
      class="menu-icon fa fa-tachometer"></i> <span class="menu-text">
       首页 </span>
    </a> <b class="arrow"></b></li>
    <li class="active open"><a href="#" class="dropdown-toggle">
      <i class="menu-icon fa fa-list"></i> <span class="menu-text">
       用例 </span> <b class="arrow fa fa-angle-down"></b>
    </a> <b class="arrow"></b>
     <ul class="submenu">
      <li class="active"><a href="edit.jsp"> <i
        class="menu-icon fa fa-caret-right"></i> 表单提交
      </a> <b class="arrow"></b></li>
      <li class=""><a href="table.jsp"> <i
        class="menu-icon fa fa-caret-right"></i> 列表显示
      </a> <b class="arrow"></b></li>
      <li class=""><a href="page.jsp"> <i
        class="menu-icon fa fa-caret-right"></i> 分页显示
      </a> <b class="arrow"></b></li>
     </ul></li>
    <li class=""><a href="#" class="dropdown-toggle"> <i
      class="menu-icon fa fa-pencil-square-o"></i> <span
      class="menu-text"> 其他 </span> <b class="arrow fa fa-angle-down"></b>
    </a> <b class="arrow"></b>
     <ul class="submenu">
      <li class=""><a href="index.jsp"> <i
        class="menu-icon fa fa-caret-right"></i> 基本信息
      </a> <b class="arrow"></b></li>
      <li class=""><a href="ajax.jsp" target="_blank"> <i
        class="menu-icon fa fa-caret-right"></i> ajax测试
      </a> <b class="arrow"></b></li>
     </ul></li>
    <li class=""><a href="#" class="dropdown-toggle"> <i
      class="menu-icon fa fa-tag"></i> <span class="menu-text">
       其他 </span> <b class="arrow fa fa-angle-down"></b>
    </a> <b class="arrow"></b>
    <li class=""><a href="login.html"> <i
      class="menu-icon fa fa-caret-right"></i> 退出
    </a> <b class="arrow"></b></li>
   </ul>
   </li>
   </ul>
   <!-- / 左侧 展开  菜单 -->
   <div class="sidebar-toggle sidebar-collapse" id="sidebar-collapse">
    <i id="sidebar-toggle-icon"
     class="ace-icon fa fa-angle-double-left ace-save-state"
     data-icon1="ace-icon fa fa-angle-double-left"
     data-icon2="ace-icon fa fa-angle-double-right"></i>
   </div>
  </div>
  <!-- / 下右区 -->
  <div class="main-content">
   <!-- / 弹出的主题设置-->
   <div class="ace-settings-container" id="ace-settings-container">
    <div class="btn btn-app btn-xs btn-warning ace-settings-btn"
     id="ace-settings-btn">
     <i class="ace-icon fa fa-cog bigger-110"></i>
    </div>
    <div class="ace-settings-box clearfix" id="ace-settings-box">
     <div class="pull-left width-50">
      <div class="ace-settings-item">
       <div class="pull-left">
        <select id="skin-colorpicker" class="hide">
         <option data-skin="no-skin" value="#438EB9">#438EB9</option>
         <option data-skin="skin-1" value="#222A2D">#222A2D</option>
         <option data-skin="skin-2" value="#C6487E">#C6487E</option>
         <option data-skin="skin-3" value="#D0D0D0">#D0D0D0</option>
        </select>
       </div>
       <span>&nbsp; Choose Skin</span>
      </div>
      <div class="ace-settings-item">
       <input type="checkbox" class="ace ace-checkbox-2 ace-save-state"
        id="ace-settings-add-container" autocomplete="off" /> <label
        class="lbl" for="ace-settings-add-container"> 紧凑模式 </label>
      </div>
     </div>

     <div class="pull-left width-50">
      <div class="ace-settings-item">
       <input type="checkbox" class="ace ace-checkbox-2"
        id="ace-settings-hover" autocomplete="off" /> <label
        class="lbl" for="ace-settings-hover"> 子菜单弹出|展开</label>
      </div>
      <div class="ace-settings-item">
       <input type="checkbox" class="ace ace-checkbox-2"
        id="ace-settings-compact" autocomplete="off" /> <label
        class="lbl" for="ace-settings-compact"> 左侧菜单缩|放</label>
      </div>
      <div class="ace-settings-item">
       <input type="checkbox" class="ace ace-checkbox-2"
        id="ace-settings-highlight" autocomplete="off" /> <label
        class="lbl" for="ace-settings-highlight"> 左侧菜单栏箭头凹|凸</label>
      </div>
     </div>
     <!-- /.pull-left -->
    </div>
    <!-- /.ace-settings-box -->
   </div>
   <!-- / 紧接右侧内容 -->